Page({
  data: {
    // 常见问题列表
    faqList: [
      {
        id: 1,
        question: '如何使用拍照搜题功能？',
        answer: '点击首页的拍照按钮，对准题目拍照，系统会自动识别并提供解答。请确保题目清晰完整，光线充足。',
        expanded: false
      },
      {
        id: 2,
        question: '错题本如何使用？',
        answer: '系统会自动收集您答错的题目到错题本中。您可以按科目筛选，重新练习，或者收藏重要题目。',
        expanded: false
      },
      {
        id: 3,
        question: '如何查看学习足迹？',
        answer: '在个人中心点击"学习足迹"，可以查看您的学习历史记录，包括搜题记录、练习记录等。',
        expanded: false
      },
      {
        id: 4,
        question: '收藏的题目在哪里查看？',
        answer: '在个人中心点击"我的收藏"，可以查看所有收藏的题目，支持按科目和时间筛选。',
        expanded: false
      },
      {
        id: 5,
        question: '如何修改个人信息？',
        answer: '进入个人中心，点击头像或"个人资料"，可以修改昵称、头像等个人信息。',
        expanded: false
      },
      {
        id: 6,
        question: '忘记密码怎么办？',
        answer: '在登录页面点击"忘记密码"，输入手机号获取验证码重置密码，或联系客服协助处理。',
        expanded: false
      }
    ],
    
    // 问题类型列表
    problemTypes: [
      '功能异常',
      '使用问题',
      '内容错误',
      '性能问题',
      '界面问题',
      '建议反馈',
      '其他问题'
    ],
    
    // 表单数据
    contactInfo: '',
    selectedType: '请选择问题类型',
    description: '',
    uploadedImages: [],
    
    // 界面状态
    showTypeModal: false
  },

  onLoad: function (options) {
    // 页面加载时的初始化
  },

  onShow: function () {
    // 页面显示时的处理
  },

  // 常见问题点击展开/收起
  onFaqTap: function (e) {
    const index = e.currentTarget.dataset.index;
    const faqList = this.data.faqList;
    faqList[index].expanded = !faqList[index].expanded;
    
    this.setData({
      faqList: faqList
    });
  },

  // 联系方式输入
  onContactInput: function (e) {
    this.setData({
      contactInfo: e.detail.value
    });
  },

  // 问题描述输入
  onDescriptionInput: function (e) {
    this.setData({
      description: e.detail.value
    });
  },

  // 显示问题类型选择器
  showTypeSelector: function () {
    this.setData({
      showTypeModal: true
    });
  },

  // 隐藏问题类型选择器
  hideTypeSelector: function () {
    this.setData({
      showTypeModal: false
    });
  },

  // 阻止事件冒泡
  stopPropagation: function () {
    // 阻止点击模态框内容时关闭
  },

  // 选择问题类型
  selectType: function (e) {
    const type = e.currentTarget.dataset.type;
    this.setData({
      selectedType: type,
      showTypeModal: false
    });
  },

  // 选择图片
  chooseImage: function () {
    const that = this;
    wx.chooseMedia({
      count: 3 - this.data.uploadedImages.length,
      mediaType: ['image'],
      sourceType: ['album', 'camera'],
      maxDuration: 30,
      camera: 'back',
      success: function (res) {
        const tempFiles = res.tempFiles;
        const newImages = tempFiles.map(file => file.tempFilePath);
        
        that.setData({
          uploadedImages: [...that.data.uploadedImages, ...newImages]
        });
      },
      fail: function (err) {
        console.error('选择图片失败:', err);
        wx.showToast({
          title: '选择图片失败',
          icon: 'none'
        });
      }
    });
  },

  // 删除图片
  deleteImage: function (e) {
    const index = e.currentTarget.dataset.index;
    const images = this.data.uploadedImages;
    images.splice(index, 1);
    
    this.setData({
      uploadedImages: images
    });
  },

  // 提交反馈
  submitFeedback: function () {
    // 表单验证
    if (!this.data.contactInfo.trim()) {
      wx.showToast({
        title: '请填写联系方式',
        icon: 'none'
      });
      return;
    }

    if (this.data.selectedType === '请选择问题类型') {
      wx.showToast({
        title: '请选择问题类型',
        icon: 'none'
      });
      return;
    }

    if (!this.data.description.trim()) {
      wx.showToast({
        title: '请填写问题描述',
        icon: 'none'
      });
      return;
    }

    // 显示加载提示
    wx.showLoading({
      title: '提交中...'
    });

    // 模拟提交反馈
    setTimeout(() => {
      wx.hideLoading();
      wx.showToast({
        title: '提交成功',
        icon: 'success'
      });

      // 清空表单
      this.setData({
        contactInfo: '',
        selectedType: '请选择问题类型',
        description: '',
        uploadedImages: []
      });

      // 延迟返回上一页
      setTimeout(() => {
        wx.navigateBack();
      }, 1500);
    }, 2000);
  },

  // 页面分享
  onShareAppMessage: function () {
    return {
      title: '学习助手 - 帮助与反馈',
      path: '/pages/help-feedback/help-feedback'
    };
  }
});